@import "_base.scss";
.user-banner{
	height: rem(260);
	overflow: hidden;
	color: white;
	@include bg("../images/zone-bg.jpg");
	.usre-info{
		padding: rem(10) rem(20);
		line-height: rem(70);
		.pic{
			width: rem(70);
			height: rem(70);
			overflow: hidden;
			margin-right: rem(10);
			@include radius(50%);
		}
	}
	.user-qr-code{
		top: 50%;
		left: 50%;
		width: rem(100);
		margin: rem(-74) 0 0 rem(-50);
		font-size: rem(24);
		p{
			line-height: rem(48)
		}
	}
	.edit{
		bottom: 0;
		left: 0;
		width: 100%;
		height: rem(60);
		overflow: hidden;
		line-height: rem(60);
		a{
			margin-left: rem(20);
			color: white;
		}
		span{
			margin-right: rem(20);
		}
	}
}
.user-project{
	margin: rem(20);
	.user-project-nav{
		height: rem(80);
		overflow: hidden;
		line-height: rem(80);
		font-size: rem(32);
		border-top: 1px $border solid;
		li{
			width: 50%;
			&.current{
				color: $r8;
				&:after{
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: 50%;
					width: rem(120);
					height: rem(6);
					overflow: hidden;
					margin-left: rem(-60);
					background: $r8;
					@include radius(rem(3));
				}
			}
		}
	}
	.project-box{
		.project-list{
			border-top: 1px $border solid;
			.projece-content{
				height: rem(160);
				padding: rem(18) rem(100) rem(10) rem(230);
				overflow: hidden;
				.pic{
					top: rem(18);
					left: rem(12);
					width: rem(200);
					height: rem(160);
					overflow: hidden;
					img{
						width: rem(200);
						height: rem(160);
					}
				}
				.name{
					line-height: rem(44);
					font-size: rem(36);
				}
				.price{
					line-height: rem(40);
					font-size: rem(24);
					span{
						margin: 0 rem(16);
						font-size: rem(36);
						color: $r8;
					}
				}
				.num{
					margin-top: rem(48);
					line-height: rem(28);
					font-size: rem(24);
				}
				.share{
					top: rem(66);
					right: rem(20);
					width: rem(80);
					height: rem(80);
					overflow: hidden;
					text-indent: -99999em;
					@include bg("../images/share-btn.png");
				}
			}
			.edit{
				height: rem(60);
				overflow: hidden;
				li{
					width: 25%;
					line-height: rem(60);
					font-size: rem(28);
					&:before{
						content: "";
						display: block;
						position: absolute;
						top: 50%;
						left: -1px;
						width: 1px;
						height: rem(22);
						overflow: hidden;
						margin-top: rem(-11);
						background: $border;
					}
				}
			}
		}
	}
}